<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>循环</title>
    <script src="../../resources/src/js/angular.js"></script>
</head>
<body ng-app="">
    <h3>ng-repeat 指令会重复一个 HTML 元素：</h3>
    <ul ng-init="books = [{id : 1, name : '《java从入门到放弃》'},{id : 2, name : '《oracle 从入门到放弃》'}, {id : 3, name : 'js从入门到放弃'}]">
        <li ng-repeat="book in books">
            {{'id : ' + book.id + '   name : ' + book.name}}
        </li>
    </ul>
</body>
</html>


<!--
ng-app 指令
ng-app 指令定义了 AngularJS 应用程序的 根元素。
ng-app 指令在网页加载完毕时会自动引导（自动初始化）应用程序。
稍后您将学习到 ng-app 如何通过一个值（比如 ng-app="myModule"）连接到代码模块。
ng-init 指令
ng-init 指令为 AngularJS 应用程序定义了 初始值。
通常情况下，不使用 ng-init。您将使用一个控制器或模块来代替它。
稍后您将学习更多有关控制器和模块的知识。
ng-model 指令
ng-model 指令 绑定 HTML 元素 到应用程序数据。
ng-model 指令也可以：
为应用程序数据提供类型验证（number、email、required）。
为应用程序数据提供状态（invalid、dirty、touched、error）。
为 HTML 元素提供 CSS 类。
绑定 HTML 元素到 HTML 表单。
ng-repeat 指令
ng-repeat 指令对于集合中（数组中）的每个项会 克隆一次 HTML 元素。
-->